<template>
    <div>
        <div class="cardiv">
            <div class="car" style="height: 65px;">
            <ul>
                <li><h2>更换手机号</h2></li>
            </ul>
            </div>
            <ul style="margin-top:25px;">
                <li>原手机号:18515092141</li>
                  <li style="margin-top:15px;">
                   <span style="padding-right: 9px;font-size: 13px;">图形验证:</span>
                <el-input v-model="input2" placeholder="请输入右侧字符" style="width:37%;margin-top: 10px;"></el-input>
                </li>
                <li style="margin-top:15px;">
                   <span style="padding-left: -1px;font-size: 13px;">短信验证:</span>
                <el-input v-model="input2" placeholder="请输入短信验证码" style="width:37%;margin-top: 10px;margin-left: 8px;"></el-input>
                 <div class="fsdx" style="float: right;width: 84px;height: 37px;border: 1px solid #ccc;margin-top: 11px;margin-right: 43%;border-radius: 5%;text-align: center;
    line-height: 37px;">
                   发送短信
                 </div>
                </li>
            </ul>
            <div class="num">下一步</div>
        </div>
    </div>
</template>

<script>
export default {
  methods: {
    caradd: function() {}
  }
};
</script>

<style>
.cardiv {
  width: 1021px;
  height: 760px;
  margin-left: 13px;
}
.car {
  width: 100%;
  height: 90px;
  padding-left: 3px;
  border-bottom: solid 1px #ccc;
}
.car ul {
  margin-top: 5px;
}
.car div {
  float: right;
  margin-top: -32px;
  margin-right: 69px;
  width: 70px;
  height: 30px;
  border: 1px solid #ccc;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  color: #4c4f52;
}
.car div:hover {
  transition: all 0.3s linear;
  color: aquamarine;
  border: 1px solid aquamarine;
}
.cardiv p {
  margin-top: 15px;
  color: #48576a;
  font-size: 14px;
}
.caraddned {
  margin-left: 63px;
  margin-top: 5px;
}
.caraddned div:first-child {
  color: red;
  font-size: 13px;
}
.num {
  width: 137px;
  height: 37px;
  background: #0072ff;
  text-align: center;
  line-height: 35px;
  margin-left: 14%;
  color: white;
  border-radius: 5%;
  margin-top: 13px;
}
.num:hover {
  transition: all 0.3s linear;
  background: #4334ab;
}
</style>
